.pop-window{
	position: fixed;
	left:0;
	right:0;
	top:0;
	bottom:0;
	z-index: 101;
	background: rgba(0, 0, 0, 0.6);
	.all-tip{
		&.mobile{
	    	visibility: hidden;
	    }
	}
	.window-content{
		position: absolute;
		left:50%;
		top:50%;
		width: 560px;
		height: 694px;
		margin: -347px 0 0 -280px;
		background: #FFFFFF;
		border-radius: 10px;
		padding:60px 0;
		text-align: center;
		.close{
			cursor: pointer;
			position: absolute;
			top:24px;
			right: 24px;
			background: url("../images/popWindow/ic_close@2x.png") no-repeat;
			width:20px;
			height: 20px;
			background-size:20px 20px;
			text-indent:-9999px;
		}
		h4{
			font-size: 36px;
			font-family: Roboto-Medium, Roboto;
			font-weight: 500;
			color: #121212;
			line-height: 36px;
			letter-spacing: 1px;
			margin: 0 0 60px 0;
			text-align: center;
		}
		.detail{
			padding:0 49px;
		}	
		.tip{
			height: 12px;
			font-size: 12px;
			font-weight: 400;
			color: #FA3D5B;
			line-height: 12px;
			text-align: right;
			margin: 4px auto 8px auto;
			width: 300px;
		}
		.all-tip{
			height: 14px;
			font-weight: 400;
			color: #FA3D5B;
			line-height: 14px;
			margin: 0 0 8px 0;
			em{
				background: url("../images/popWindow/ic_error@2x.png") no-repeat;
				display: inline-block;
				background-size:14px 13px;
				width:14px;
				height: 13px;
				margin: 0 8px 0 0;
				vertical-align: bottom;
			}
		}
		input{
			width: 300px;
			height: 40px;
			line-height: 40px;
			background: #F9FCFE;
			border-radius: 2px;
			border: 1px solid transparent;
			padding: 0 30px 0 16px;
		}
		.item{
			position: relative;
			i{
				width: 10px;
				height: 10px;
				border: 2px solid #177FE9;
				margin: 0 8px 0 0;
				border-radius: 50%;
				display: inline-block;
			    position: absolute;
			    top: 14px;
			    left: 60px;
			}
			input{
			    box-shadow: inset 0 0 0 1000px #F9FCFE!important;
			}
			&.error{
				i{
					background: #FF1656;
					border: 2px solid #FF1656;
				}
				em{
					background: url("../images/popWindow/ic_error@2x.png") no-repeat;
					display: inline-block;
					background-size:14px 13px;
					top:13px;
					right: 89px;
					width:14px;
					height: 13px;
					position: absolute;
				}
				input{
					border:1px solid #FA3D5B;
				}
			}
			&.focus{
				input{
					border: 1px solid #007DF1;
				}
			}
		}
		input[type='submit'],input[type='button']{
			cursor: pointer;
			text-align: center;
			line-height: 40px;
			width: 300px;
			height: 40px;
			background: #177FE9;
			border-radius: 2px;
			font-size: 18px;
			font-family: Roboto-Medium, Roboto;
			font-weight: 500;
			color: #FFFFFF;
			text-align: center;
		}
		.server-error{
			.item{
				i{
					border: 2px solid #FA3D5B;
					background: #FA3D5B;
				}
				input{
					border:1px solid #FA3D5B;
				}
			}
		}
		.continuing{
			width: 315px;
			font-size: 12px;
			font-weight: 400;
			color: #999999;
			line-height: 16px;
			text-align: left;
			a{
				color:#999;
				text-decoration: underline;
			}
		}
		.full-value{
			i{
				background:#177FE9;
			}
		}
		.send-email{
			.send-over{
				width: 400px;
				margin: 0 auto 40px auto;
				font-size: 20px;
				color: #000000;
				line-height: 32px;
				text-align: left;
				em{
					color:#177FE9;
				}
			}
		}
	}
}
.login{
	.forget{
		height: 12px;
		font-size: 12px;
		font-weight: 400;
		line-height: 12px;
		margin: 0 auto 18px auto;
	    width: 300px;
	    text-align: left;
	    &.mobile{
	    	display: none;
	    }
	    a{
	    	color: #177FE9;
	    }
		i{
			width: 4px;
			height: 4px;
			background: #177FE9;
			margin: 0 8px 0 0;
			display:inline-block;
			border-radius: 50%;
			vertical-align: middle;
		}
	}
	.create{
		margin:24px auto 41px auto;
		height: 12px;
		font-size: 12px;
		font-weight: 400;		
		line-height: 12px;
		display: block;
		text-align: right;
		width: 300px;
		a{
			color: #177FE9;
		}
	}
	.other-login{
		display: none;
	}
	.others{
		border-top:1px solid #E4E4E4;
		position: relative;
		padding:41px 0 0 0;
		width: 300px;
		margin: 0 auto;
		em{
			font-size: 18px;
			font-weight: 400;
			color: #999999;
			line-height: 18px;
			position: absolute;
			left:50%;
			top:-18px;
			margin: 0 0 0 -9px;
			background: #fff;
			padding: 8px;
		}
		.other-login{
			margin: 0 0 32px 0;
			display: block;
			li{
				position: relative;
				text-align: center;
				line-height: 40px;
				width: 300px;
				height: 40px;
				background: #FFFFFF;
				box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.24), 0px 0px 1px 0px rgba(0, 0, 0, 0.12);
				border-radius: 2px;
				text-align: center;
				margin: 0 0 24px 0;
				&:last-child{
					margin:0;
				}
			}
			span{
				width:38px;
				height: 38px;
				position: absolute;
				top:1px;
				left:0;
			}
			.img-facebook{
				background: url("../images/popWindow/facebook1@2x.png") no-repeat center /38px 38px;
			}
			.img-google{
				background: url("../images/popWindow/google1@2x.png") no-repeat center /38px 38px;
			}
		}
	}
}
.sign{
	.aleady{
		margin: 60px 0 154px 0;
		a{
			color:#177FE9;
		}
	}
	.continuing{
		margin:0 auto;
	}
	&.window-content .tip{
		&:nth-of-type(3){
			margin:4px auto 2px auto;
		}
	}
}
.forget-pwd{
	.continuing,.intro{
		display: none;
	}
}
.pop-window {
	.window-content.search-brand,.window-content.search-store{
		width: 1048px;
		height: 673px;
		margin: -336.5px 0 0 -524px;
		text-align: left;
		padding: 40px;
		.close{
			width: 14px;
			height: 14px;
			background-size: 14px auto;
		}
		.search-all-content{
			.search-all-button{
				display: flex;
				justify-content: space-between;
				div{
					button{
						width: 150px;
						height: 40px;
						background: #fff;
						box-sizing: border-box;
						font-size: 14px;
						font-family: Roboto-Medium;
						font-weight: 500;
						color: #000;
						line-height: 40px;
						text-align: center;
						border-radius: 20px;
						border: 1px solid #DCDCDC;
						margin-right: 50px;
						cursor: pointer;
						&.hov{
							color: #177FE9;
							border: 1px solid #177FE9;
						}
						&:hover{
							color: #177FE9;
							border: 1px solid #177FE9;
						}
					}
				}
				button.search-apply{
					width: 180px;
					height: 40px;
					background: #177FE9;
					border-radius: 24px;
					text-align: center;
					line-height: 40px;
					font-size: 18px;
					font-family: Roboto-Medium;
					font-weight: 500;
					color: #FFFFFF;
					margin-right: 24px;
				}
			}
			// .search-all-option{
			// 	margin-top: 16px;
			// 	display: flex;
			// 	button{
			// 		cursor: pointer;
			// 		display: inline-block;
			// 		width: auto;
			// 		padding: 0 16px;
			// 		height: 32px;
			// 		line-height: 32px;
			// 		text-align: center;
			// 		border-radius: 16px;
			// 		font-size: 14px;
			// 		font-family: Roboto-Medium;
			// 		font-weight: 500;
			// 		color: #000000;
			// 		background: #fff;
			// 		border: 1px solid #DCDCDC;
			// 		box-sizing: border-box;
			// 		margin-right: 16px;
			// 		&:hover{
			// 			border-color: 177FE9;
			// 			color: #177FE9;
			// 			border: 1px solid #177FE9;
			// 		}
			// 	}				
			// }
			.search-all-result{
				height: 530px;
				margin-top: 16px;
				overflow-y: scroll;
				h3{
					margin-top: 16px;
					font-size: 24px;
					font-family: Roboto-Medium;
					font-weight: 500;
					color: #000000;
					line-height: 29px;
					&:first-child{
						margin-top: 0;
					}
				}
				ul{
					display: flex;
					padding-bottom: 10px;
					flex-wrap: wrap;
					li{
						display: flex;
						justify-content: flex-start;
						margin-top: 16px;
						width: 33.33%;
						padding-left: 0;
						line-height: 16px;
						height: 16px;
						p{
							position:relative;
							margin-left: 0;
							&:first-child{
								width:32px;
							}
							label{
								left: 0;
								top: 0;
								margin-left: 0;
							}
							input{
								width: auto;
							}
						}
						
					}
				}
			}
		}
	}	
}

